<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>嵌入高德地图示例</title>
  <style>
    #map-container {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <div id="map-container"></div>

  <script src="https://webapi.amap.com/maps?v=1.4.15&key=696e86769809006bbe0afc1bd4d5c549"></script>
  <script>
    // 创建地图实例
    var map = new AMap.Map('map-container', {
      zoom: 10, // 设置地图缩放级别
      center: [116.397428, 39.90923] // 设置地图中心点坐标
    });

    // 在地图上添加标记
    var marker = new AMap.Marker({
      position: [116.397428, 39.90923], // 设置标记位置
      map: map // 将标记添加到地图上
    });

    // 自适应地图大小
    function resizeMap() {
      var mapContainer = document.getElementById('map-container');
      mapContainer.style.height = window.innerHeight + 'px';
      mapContainer.style.width = window.innerWidth + 'px';
      map.setFitView();
    }

    // 监听窗口大小变化事件
    window.onresize = function() {
      resizeMap();
    }

    // 初始化地图大小
    resizeMap();
  </script>
</body>
</html>